<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8">
<link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
<script type="text/javascript" src="../jquery-1.7.2.js"></script>
<script type="text/javascript" src="../bootstrap/js/bootstrap.js"></script>

<script type="text/javascript">
	$('.dropdown-toggle').dropdown();
</script>
</head>


<body>
	<!-- bar -->
	<div class="navbar">
		<div class="navbar-inner">
			<div class="span12 offset3">
				<div class="container">
					<a class="brand" href="index.html"><img
						src="img/header_logo.png">吾活着</a>
					<div class="nav-collapse">
						<ul class="nav">

							<li><a href="index5.html">解惑</a></li>
							<li><a href="http://5huozhe.com">点滴</a></li>
							<li><a href="group.html">小组</a></li>
							<li><a href="name.html">名人志</a></li>
						</ul>
						<ul class="nav pull-right">
							<li class="dropdown"><a href="#" class="dropdown-toggle"
								data-toggle="dropdown"><i class="icon-user icon-white"></i>&nbsp;明月江南<b
									class="caret"></b> </a>
								<ul class="dropdown-menu">
									<li><a href="setting_head.html"> <i class="icon-cog"></i> 个人设置</a>
									</li>
									<li class="divider"></li>
									<li><a href="#"> <i class="icon-user"></i> 退出</a>
									</li>
								</ul></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- breadcrumb -->
	<div class="container">
		<div class="span12">
			<ul class="breadcrumb">
				<li><a href="#">首页</a> <span class="divider">/</span>
				</li>
				<li class="active">小组</li>
			</ul>
		</div>
	</div>

	<div class="container">

		<div class="span12">
			<div class="row-fluid">

				<div class="span9">
					<div class="well" style="padding: 15px;">
						<div style="float:left;">如果想就某一类话题跟别人交流，可以创建一个小组。小组是对同一个话题感兴趣的人的聚集地。</div>
						<div style="text-align:right;float:right;">
							<a class="btn btn-primary btn-large" href="create_group.html" style="margin-top:-10px;">建小组</a>
						</div>
						
					</div>
					<table class="table">
						<tr>
							<td class="span6"
								style="border-top: 0px solid #DDDDDD; font-size: 15px">
								<div class="span3 thumbnail" style="float:left;">
									<img alt="" src="img/group1.jpg">
								</div>
								<div class="span9" style="float:left;">
									<div style="margin-top:10px"><a href="view-group.html">系统架构师</a></div>
									<div style="margin-top:10px;font-size: 12px; color: #95A5A9"">
										张三 始创 已有387个参与者
									</div>
								</div>
							</td>
							<td class="span6"
								style="border-top: 0px solid #DDDDDD; font-size: 15px">
								<div class="span3 thumbnail" style="float:left;">
									<img alt="" src="img/group2.jpg">
								</div>
								<div class="span9" style="float:left;">
									<div style="margin-top:10px"><a href="view-group.html">宇宙大爆炸</a></div>
									<div style="margin-top:10px;font-size: 12px; color: #95A5A9"">
										李四 始创 已有112个参与者
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td class="span6"
								style="border-top: 0px solid #DDDDDD; font-size: 15px">
								<div class="span3 thumbnail" style="float:left;">
									<img alt="" src="img/group2.jpg">
								</div>
								<div class="span9" style="float:left;">
									<div style="margin-top:10px"><a href="view-group.html">系统架构师</a></div>
									<div style="margin-top:10px;font-size: 12px; color: #95A5A9"">
										张三 始创 已有387个参与者
									</div>
								</div>
							</td>
							<td class="span6"
								style="border-top: 0px solid #DDDDDD; font-size: 15px">
								<div class="span3 thumbnail" style="float:left;">
									<img alt="" src="img/group1.jpg">
								</div>
								<div class="span9" style="float:left;">
									<div style="margin-top:10px"><a href="view-group.html">宇宙大爆炸</a></div>
									<div style="margin-top:10px;font-size: 12px; color: #95A5A9"">
										李四 始创 已有112个参与者
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td class="span6"
								style="border-top: 0px solid #DDDDDD; font-size: 15px">
								<div class="span3 thumbnail" style="float:left;">
									<img alt="" src="img/group1.jpg">
								</div>
								<div class="span9" style="float:left;">
									<div style="margin-top:10px"><a href="view-group.html">系统架构师</a></div>
									<div style="margin-top:10px;font-size: 12px; color: #95A5A9"">
										张三 始创 已有387个参与者
									</div>
								</div>
							</td>
							<td class="span6"
								style="border-top: 0px solid #DDDDDD; font-size: 15px">
								<div class="span3 thumbnail" style="float:left;">
									<img alt="" src="img/group2.jpg">
								</div>
								<div class="span9" style="float:left;">
									<div style="margin-top:10px"><a href="view-group.html">宇宙大爆炸</a></div>
									<div style="margin-top:10px;font-size: 12px; color: #95A5A9"">
										李四 始创 已有112个参与者
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td class="span6"
								style="border-top: 0px solid #DDDDDD; font-size: 15px">
								<div class="span3 thumbnail" style="float:left;">
									<img alt="" src="img/group2.jpg">
								</div>
								<div class="span9" style="float:left;">
									<div style="margin-top:10px"><a href="view-group.html">系统架构师</a></div>
									<div style="margin-top:10px;font-size: 12px; color: #95A5A9"">
										张三 始创 已有387个参与者
									</div>
								</div>
							</td>
							<td class="span6"
								style="border-top: 0px solid #DDDDDD; font-size: 15px">
								<div class="span3 thumbnail" style="float:left;">
									<img alt="" src="img/group1.jpg">
								</div>
								<div class="span9" style="float:left;">
									<div style="margin-top:10px"><a href="view-group.html">宇宙大爆炸</a></div>
									<div style="margin-top:10px;font-size: 12px; color: #95A5A9"">
										李四 始创 已有112个参与者
									</div>
								</div>
							</td>
						</tr>
					</table>
				</div>
				<div class="span3 well"
					style="height: 500px; background-color: #FFFFFF">
					展示名言或豪言或图片
					<div class="thumbnail">
							<img src="img/1.jpg" alt="">
					</div>
				</div>
			</div>
		</div>
	</div>


</body>
</html>